<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/tiles2/common.jsp" %>
<article>
	<div class="special">
			광고, 이벤트
	</div>
	<div class="panel panel-danger best">
		<div class="panel-heading">
			<h3 class="panel-title">
				<span class="label label-danger picon">Best</span>
				BEST PENSION
			</h3>
		</div> <!-- panel heading -->
		<div class="panel-body">
			<div class="row">
			<c:forEach var="i" begin="1" end="8">
				<div class="col-xs-4 col-md-3">					
					<a href="#" class="thumbnail" data-toggle="modal" data-target="#pensionmodal"
						onclick="inputpno(${i})">
						<img src="http://placehold.it/200x150" alt="...">
						<span class="pcaption tcenter caption">
							<strong>sdfsadfwe펜션</strong><br />
							<span class="fs-small">경기도 안양시</span>
						</span>					
					</a>					
				</div>
			</c:forEach>
			</div>
		</div> <!-- panel-body -->
	</div> <!-- best -->
	<div class="panel panel-info sponsor">
		<div class="panel-heading">
			<h3 class="panel-title">
				<span class="label label-info picon">Primeum</span>
				스폰서 펜션
			</h3>
		</div>
		<div class="panel-body">
			<div class="row">
			<c:forEach var="i" begin="1" end="8">
				<div class="col-xs-4 col-md-3">					
					<a href="#" class="thumbnail" data-toggle="modal" data-target="#pensionmodal">
						<img src="http://placehold.it/200x150" alt="...">
						<span class="pcaption tcenter caption">
							<strong>sdfsadfwe펜션</strong><br />
							<span class="fs-small">경기도 안양시</span>
						</span>					
					</a>					
				</div>
			</c:forEach>
			</div> 
		</div> <!-- panel-body -->
	</div> <!-- sponsor -->
	<div class="panel panel-primary discount">
		<div class="panel-heading">
			<h3 class="panel-title">
				<span class="label label-danger picon">Sale</span>
				긴급특가
			</h3>
			<ul class="nav nav-tabs fright dragup nav-tabs-index">
				<li class="active"><a href="#0" data-toggle="tab">전체</a></li>
				<li><a href="#1" data-toggle="tab">강화</a></li>
				<li><a href="#2" data-toggle="tab">가평</a></li>
				<li><a href="#3" data-toggle="tab">양평</a></li>
				<li><a href="#4" data-toggle="tab">경기</a></li>
				<li><a href="#5" data-toggle="tab">강원</a></li>
				<li><a href="#6" data-toggle="tab">충청</a></li>
				<li><a href="#7" data-toggle="tab">경상</a></li>
				<li><a href="#8" data-toggle="tab">전라</a></li>
				<li><a href="#9" data-toggle="tab">제주</a></li>
			</ul>
		</div> <!-- panel-heading -->
		<div class="panel-body">
			<div class="row">
				<div class="tab-content">					
					<div class="tab-pane fade in active" id="0">
						<c:forEach var="i" begin="1" end="4">
							<div class="col-xs-4 col-md-3">
								<a href="#" class="thumbnail" data-toggle="modal" data-target="#pensionmodal">
									<img src="http://placehold.it/200x150" alt="...">
									<span class="pcaption tcenter caption">
										<strong>[가평]sdfsadfwe펜션</strong><br />
										<span class="del">150,000원</span>
										<span class="ins">→10,000원</span>
									</span>
								</a>
							</div>
						</c:forEach>
					</div> <!-- tab-pane -->			
					<c:forEach var="j" begin="1" end="9">
					<div class="tab-pane fade" id="${j}">
						<c:forEach var="i" begin="1" end="4">
							<div class="col-xs-4 col-md-3">
								<a href="#" class="thumbnail" data-toggle="modal" data-target="#pensionmodal">
									<img src="http://placehold.it/200x150" alt="...">
									<span class="pcaption tcenter caption">
										<strong>[가평]12431324펜션</strong><br />
										<span class="del">150,000원</span>
										<span class="ins">→10,000원</span>
									</span>
								</a>
							</div>
						</c:forEach>
					</div>
					</c:forEach>
				</div> <!-- tab-content -->
			</div> <!-- row -->
		</div> <!-- panel-body -->
	</div> <!-- discount -->
	<div class="panel panel-warning new">
		<div class="panel-heading">
			<h3 class="panel-title">
				<span class="label label-warning picon">New</span>
				신규 가맹 펜션
			</h3>
		</div>
		<div class="panel-body">
			<div class="row best-body">
			<c:forEach var="i" begin="1" end="6">
				<div class="col-xs-4 col-md-2">					
					<a href="#" class="thumbnail">
						<img src="http://placehold.it/150x100" alt="...">
						<span class="pcaption tcenter caption">
							<strong>sdfsadfwe펜션</strong><br />
							<span class="fs-small">경기도 안양시</span>
						</span>
					</a>					
				</div>
			</c:forEach>
			</div>
		</div> <!-- panel-body -->
	</div> <!-- new -->
	<div class="panel panel-default community">
		<div class="panel-body">
			<div class="list-group col-md-4">
				<a href="#" class="list-group-item list-group-item-danger">
					<strong class="fs-medium">펜션이용후기</strong>
					<span class="glyphicon glyphicon-plus fright"></span>
				</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
			</div>
			<div class="list-group col-md-4">
				<a href="#" class="list-group-item list-group-item-danger">
					<strong class="fs-medium">펜션이용문의</strong>
					<span class="glyphicon glyphicon-plus fright"></span>
				</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
			</div>
			<div class="list-group col-md-4">
				<a href="#" class="list-group-item list-group-item-danger">
					<strong class="fs-medium">1:1상담</strong>
					<span class="glyphicon glyphicon-plus fright"></span>
				</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
				<a href="#" class="list-group-item">좋아요</a>
			</div>
		</div>
	</div> <!-- community -->
	<div class="help">
		<div class="faq">
			FAQ
		</div>
		<div class="info">
			이용안내
		</div>
		<div class="csnum">
			고객센터 번호
		</div>
	</div>
	<input type="hidden" id="pnohidden" />
</article>